<template>
  <div>
    <a-select style="width: 120px;" @change="handleChange" value="dddd">
      <a-select-option v-for="item in list" :key="item.id" :value="item.name">
        {{ item.name }}
      </a-select-option>
    </a-select>
  </div>
</template>
<script>
export default {
  data() {
    return {
      list: [
        {
          id: 11,
          name: "aaa",
          vale: "aaaa",
        },
        {
          id: 21,
          name: "bbb",
          vale: "bbb",
        },
        {
          id: 31,
          name: "ccc",
          vale: "ccc",
        }
      ],
    };
  },
  methods: {
    handleChange(value,e) {
      console.log(`selected ${value}`);
      console.log(e);
    },
  },
};
</script>
